/** Request 网络请求工具 更详细的 api 文档: https://github.com/umijs/umi-request */
import { extend } from 'umi-request';
import { notification } from 'antd';
import { ResultType } from '@/types/global';
import * as Sentry from '@sentry/react';

const codeMessage: Record<number, string> = {
  200: '服务器成功返回请求的数据。',
  201: '新建或修改数据成功。',
  202: '一个请求已经进入后台排队（异步任务）。',
  204: '删除数据成功。',
  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
  401: '用户没有权限（令牌、用户名、密码错误）。',
  403: '用户得到授权，但是访问是被禁止的。',
  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
  406: '请求的格式不可得。',
  410: '请求的资源被永久删除，且不会再得到的。',
  422: '当创建一个对象时，发生一个验证错误。',
  500: '服务器发生错误，请检查服务器。',
  502: '网关错误。',
  503: '服务不可用，服务器暂时过载或维护。',
  504: '网关超时。',
};

/**
 * @zh-CN 异常处理程序
 * @en-US Exception handler
 */
const errorHandler = (error: { response: Response }): Response => {
  const { response } = error;
  if (response && response.status) {
    const errorText = codeMessage[response.status] || response.statusText;
    const { status, url } = response;

    if (status === 403) {
      notification.error({
        message: `抱歉您无权限操作`,
        description: '非管理员禁止编辑和删除操作，可以尝试创建功能',
      });
    } else {
      notification.error({
        message: `Request error ${status}: ${url}`,
        description: errorText,
      });
    }
    Sentry.withScope(function (scope) {
      // group errors together based on their request and response
      scope.setFingerprint(['Request', url, String(status)]);
      Sentry.captureException(errorText);
    });
  } else if (!response) {
    notification.error({
      description: 'Your network is abnormal and cannot connect to the server',
      message: 'Network anomaly',
    });
  }
  return response;
};

/**
 * @en-US Configure the default parameters for request
 * @zh-CN 配置request请求时的默认参数
 */
const request = extend({
  errorHandler, // default error handling
  credentials: 'same-origin', // Does the default request bring cookies
  timeout: 2000,
});
// const token = window.localStorage.getItem('token');
// if (token) {
//   // 判断是否存在token，如果存在的话，则每个http header都加上token
//   // Bearer是JWT的认证头部信息
//   request.headers.common.Authorization = `Bearer ${token}`;
// }

// 请求拦截
request.interceptors.request.use((url, options) => {
  const token = window.localStorage.getItem('token');
  const role = JSON.parse(
    window.localStorage.getItem('currentUser') || '{}',
  )?.role;
  return {
    url,
    options: {
      ...options,
      headers: {
        ...options.headers,
        Authorization: `Bearer ${token}`,
        role,
      },
    },
  };
});

// 响应拦截
request.interceptors.response.use((response) => {
  return response;
});

// 针对个人接口处理请求
const handleRequest = async (
  url: string,
  options?: Record<string, any>,
): Promise<any> => {
  const res: ResultType<any> = await request(url, options);
  if (res?.code === 0) {
    return res;
  }

  if (res?.status === 401 && res?.statusText === 'Unauthorized') {
    notification.error({
      message: `Request error ${res?.status}: ${url}`,
      description: 'token过期重新登录',
    });
    window.location.href = '/login';
  } else {
    notification.error({
      message: `Request error ${res?.code || res?.status}: ${url}`,
      description: res?.message || res?.statusText || '系统错误',
    });
  }
  return null;
};

export default handleRequest;
